<template>
  <div id="DataMaintenance-setting">
    <div class="DataMaintenance-setting">
      <div class="flex-all pt10 pb10 pl12 pr12 bg-white height50">
        <div class="ct-head-left flex-al">
          <span class="left-line-orange mr10"></span>
          <span class="color-333 fs14">{{$t('Set.operationLog.operationLog.50zgy7ls7t40')}}</span>
        </div>
        <!-- <div class="cr-head-right">
          <el-button type="primary" size="mini">{{$t('Set.operationLog.operationLog.50zgy7ls9iw0')}}</el-button>
        </div>-->
      </div>
      <div class="body mt10">
        <div class="body-left ml10 mr10">
          <div class="title">
            <h3 class="h1">{{$t('Set.operationLog.operationLog.50zgy7ls7t40')}}</h3>
          </div>
          <el-menu
            :router="true"
            :default-active="defaultActive"
            background-color="#ffffff"
            text-color="#2A304D"
          >
            <el-menu-item v-for="(item, index) in innerSlider" :key="index" :index="item.url">
              {{ item.title }}
              <!-- <router-link :to="{'path': item.url}" tag="div">{{ item.title }}</router-link> -->
            </el-menu-item>
          </el-menu>
        </div>
        <div class="body-right">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      openMenu: ["5"],
      fileList2: [
        {
          name: "food.jpeg",
          url:
            "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100"
        }
      ]
    };
  },
  components: {},
  watch: {},
  computed: {
    defaultActive () {
      return this.$store.state.SliderDefaultActive
    }
  },
  created() {
    this.innerSlider = [
      {
        title: this.$t('Set.operationLog.operationLog.50zgy7ls9wk0'),
        module_id: "161",
        postrole_id: null,
        url: "/Set/operationLog/gmcOperationlog"
      },
      {
        title: this.$t('Set.operationLog.operationLog.50zgy7lsa7s0'),
        module_id: "162",
        postrole_id: null,
        url: "/Set/operationLog/smcOperationlog"
      },
      {
        title:  this.$t('Set.operationLog.operationLog.add1'),
        module_id: "163",
        postrole_id: null,
        url: "/Set/operationLog/crmOperationlog"
      }
    ];
  }
};
</script>
<style lang="less" >
@import url("../common.less");
</style>
